@num-16: 16px;
@num-20: 20px;
@base-color: #FFF;
@border-base-color: #e8e8e8;
@base-display: "block";
@hover-bg-color: #ECF4F5;
@active-text-color: #448E97;
@base-text-color: #333;
.role-container {
  padding: 16px;
  height: 100%;
  // &-card{
  //   border-radius: 4px;
  //   background-color: #fff;
  //   :deep(.arco-card-body) {
  //     padding: 0;
  //     display: flex;
  //     justify-content: flex-start;
  //     align-items: flex-start;
  //     color: #333;
  //     height: 100%;
  //     padding: 5px 0;
  //   }
  // }
  // &-card.top{
  //   padding: @num-16;
  //   margin-bottom: @num-16;
  //   background-color: @base-color;
  //   border-radius: @num-20 * 0.1;
  // }
}
.search-container {
  padding: @num-20;
  margin-bottom: @num-16;
  background-color: @base-color;
  border-radius: @num-20 * 0.1;
  :deep(.arco-card-body) {
    padding: @num-16 * 0;
    background-color: @base-color;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    // .arco-col {
    //   .arco-form-item {
    //     margin-bottom: @num-16 * 0;
    //   }
    //   .arco-form-item-wrapper-col {
    //     margin-right: @num-20 + 12;
    //   }
    //   .arco-form-item-label-col {
    //     display: none;
    //   }
    // }
  }
}

.container-table {
  padding: @num-20;
  background-color: @base-color;
  border-radius: @num-20 * 0.1;
  height: calc(100% - 90px);
  :deep(.arco-card){
    height: inherit;
  }
  :deep(.arco-card-body) {
    padding: @num-16 * 0;
    background-color: @base-color;
    height: 100%;
  }
  .operator{
    .separate{
      margin: 0 8px;
      color: #E8E8E8;
    }
  }
}

.table-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: @num-20;
}

.header-title {
  font-weight: 700;
  font-size: @num-16;
  color: @base-text-color;
}

.action-btn {
  height: @num-20 * 0.9;
  padding: (@num-16 * 0) (@num-16 / 2);
}
.action-btn:nth-of-type(1) {
  padding-left: 0;
}

.dialog-body{
  :deep(.arco-form){
    max-height: 700px;
    height: 700px;
    overflow-y: auto;
  }
}

.confirm-content{
  font-weight: 700;
  font-size: 18px;
  color: #333;
}